<html xmlns="http://www.w3.org/1999/xhtml">
<meta charset="UTF-8">
<head>
    <style>
        body{
            
            margin: 0px;
            height: 100%;
            overflow: hidden;
        }
        #lottie{
            
            width:100%;
            height:100%;
            display:block;
            overflow: hidden;
            transform: translate3d(0,0,0);
            text-align: center;
            opacity: 1;
        }
 
    </style>
</head>

<body>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.7/lottie.min.js"></script>
 
<div id="lottie"></div>
 
<script type="text/javascript" src="./data.json"></script>
 
<script>
    var params = {
        container: document.getElementById('lottie'),
        renderer: 'svg',
        loop: true,
        autoplay: true,
        animationData: animationData
    };
 
    var anim;
 
    anim = lottie.loadAnimation(params);
 
</script>
</body>
</html>